#@weblayout()
#define main()
    <link href="/css/about_us.css" rel="stylesheet" type="text/css">

    <!--test-->
    <style>
        img { border:none; }
        .wrapper { width:1038px; margin:0 auto;}
        .wrapper h3{color:#3366cc;font-size:16px;height:35px;line-height:2;text-align:center;border-bottom:1px solid #E5E5E5;margin:0 0 10px 0;}
        #teams { position:relative; }
        #teams .item {
            box-sizing: border-box;
            position:absolute;
            left:0px;
            top:0px;
            padding-right:20px;
            margin-bottom:20px;
            font-size: 0;
        }
        #teams .item:nth-child(4n){
            padding-right:0px;
        }
        .item img { width:240px;}
        .item .desc_box{
            box-sizing: border-box;
            width:240px;
            margin:0 auto;
            padding:20px;
            color:#333;
            background-color:#e7e7e7;
            white-space:normal;
            }

        .item .desc_box .name{
            width:60px;
            position:absolute;
            color:#68615c;
            font-size: 16px;
            line-height: 1.5;
        }
        .item .desc_box .msg{
            padding-left:60px;
            color:#68615c;
            font-size: 14px;
            line-height: 24px;
            max-height: 46px;
            overflow: hidden;
        }
    </style>

    <div class="box1">
        <div class="number">01</div>
        <div class="main clearFloat">
            <div class="title_box">
                <div class="en">Company introduction</div>
                <div class="ch">公司介绍</div>
            </div>
            <div class="content1 clearFloat">
                <div class="cont_left"><img src="images/about_us.png" /> </div>
                <div class="cont_right">
                    <div class="title_box">
                        <div class="en">Company introduction</div>
                        <div class="ch">公司介绍</div>
                    </div>
                    <div class="desc_box">
                        <div class="desc H-text-show-row-6">
                            #(corpInfo.introduction??)
                        </div>

                    </div>
                    <!--<div class="btn_box">
                        <div class="btn_more">展开</div>
                    </div>-->
                </div>
            </div>
        </div>
    </div>



    <div class="bg">
        <div class="box2">
            <div class="number">02</div>
            <div class="main clearFloat">
                <div class="title_box">
                    <div class="en">Ｅlite Team</div>
                    <div class="ch">团队精英</div>
                </div>
                <div class="content2">
                    <div class="wrapper">

                    <div id="teams">
                        #for(m : menbers)
                        <div class="item">
                            <img onerror="this.src='/images/01.jpg'" src="#(m.avatar??)">
                            <div class="desc_box clearFloat">
                                <div class="name">#(m.name??)</div>
                                <div class="msg H-text-show-row-2">#(m.info??)</div>
                            </div>
                        </div>
                        #end
                        <!--<div class="item">
                            <img src="/images/01.jpg">
                            <div class="desc_box clearFloat">
                                <div class="name">马哈哈:</div>
                                <div class="msg H-text-show-row-2">机会总是留给有准机会总是留给有准机会总是留给有准机会总是留给有准机会总是留给有准机会总是留给有准机会总是留给有准机会总是留给有准</div>
                            </div>
                        </div>
                        <div class="item">
                            <img src="/images/app.png">
                            <div class="desc_box clearFloat">
                                <div class="name">马哈哈:</div>
                                <div class="msg H-text-show-row-2">机会总是留给有准备的人机会总是留给有准备的人机会总是留给有准备的人</div>
                            </div>
                        </div>
                        <div class="item">
                            <img src="/images/03.jpg">
                            <div class="desc_box clearFloat">
                                <div class="name">马哈哈:</div>
                                <div class="msg H-text-show-row-2">机会总是留给有准机会总是留给有准</div>
                            </div>
                        </div>
                        <div class="item">
                            <img src="images/05.jpg">
                            <div class="desc_box clearFloat">
                                <div class="name">马哈哈:</div>
                                <div class="msg H-text-show-row-2">机会总是留给有准机会总是留给有准</div>
                            </div>
                        </div>
                        <div class="item">
                            <img src="/images/04.jpeg">
                            <div class="desc_box clearFloat">
                                <div class="name">马哈哈:</div>
                                <div class="msg H-text-show-row-2">机会总是留给有准机会总是留给有准</div>
                            </div>
                        </div>
                        <div class="item">
                            <img src="/images/about_us.png">
                            <div class="desc_box clearFloat">
                                <div class="name">马哈哈:</div>
                                <div class="msg H-text-show-row-2">机会总是留给有准机会总是留给有准</div>
                            </div>
                        </div>
                        <div class="item">
                            <img src="/images/02.jpg">
                            <div class="desc_box clearFloat">
                                <div class="name">马哈哈:</div>
                                <div class="msg H-text-show-row-2">机会总是留给有准机会总是留给有准</div>
                            </div>
                        </div>
                        <div class="item">
                            <img src="/images/06.png">
                            <div class="desc_box clearFloat">
                                <div class="name">马哈哈:</div>
                                <div class="msg H-text-show-row-2">机会总是留给有准机会总是留给有准</div>
                            </div>
                        </div>-->
                    </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <div class="box1">
        <div class="number">03</div>
        <div class="main clearFloat">
            <div class="title_box">
                <div class="en">Corporate Culture</div>
                <div class="ch">企业文化</div>
            </div>
            <div class="content1 clearFloat content3">
                <div class="cont_left"><img src="/images/about_us.png" /> </div>
                <div class="cont_right">
                    <div class="cont_title">
                        <div class="first">先进的技术+远瞻的眼光</div>
                        <div class="sec">互联网行业瞬息万变，谁能洞察未来，社就能引领行业发展</div>
                    </div>
                    <div class="desc_box">
                        <div class="desc H-text-show-row-6">
                            #(corpInfo.culture??)
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="/js/masonry-docs.min.js" type="text/javascript"></script>
    <script>
        $(document).ready(function(){
            var $container = $('#teams');
            $container.imagesLoaded(function(){
                $container.masonry({
                    itemSelector: '.item',
                    columnWidth: 20 //每两列之间的间隙为5像素
                });
            });

        });
    </script>
#end
